<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>立即购买</title>
    <link rel="stylesheet" href="http://localhost/mi/cart/css/layout.css">
    <link rel="stylesheet" href="http://localhost/mi/Home/iconfont/iconfont.css">
    <script src="http://localhost/mi/jquery.js"></script>
    <link rel="stylesheet" href="http://localhost/mi/detail/css/detail.css">
    <link rel="stylesheet" href="http://localhost/mi/Home/css/header.css">
    <link rel="shortcut icon" href=" ../bitbug_favicon.ico" />
    <link rel="stylesheet" href="http://localhost/mi/footer/footer.css">
    <script src="./js/detail.js"></script>
</head>

<body>
    <div class="header"></div>
    <div class="nav-bar">
        <div class="main">
            <h2>Redmi AirDots 3 Pro</h2>
            <div class="con clearfix">
                <div class="left"></div>
                <div class="right">
                    <a href="#">概述</a><span>|</span>
                    <a href="#">参数</a><span>|</span>
                    <a href="#">F码通道</a><span>|</span>
                    <a href="#">咨询客服</a><span>|</span>
                    <a href="#">用户评价</a>
                </div>
            </div>
        </div>
    </div>
    <div class="login-notic">
        <div class="main">
            为方便您购买，请提前登录
            <a href="http://localhost/mi/login/login.html">立即登录</a>
            <span class="iconfont">&#xe61e;</span>
        </div>
    </div>
    <div class="mi-detail">
        <div class="main">
            <div class="imgleft">
                <!-- 动态渲染图片 -->
            </div>
            <div class="product-con">
                <!-- 动态渲染 -->

            </div>
        </div>
    </div>
    <div class="product-detail">
        <div class="imgbox">
            <img src="./img/DM_20211208103955_001.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_002.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_003.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_004.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_005.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_006.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_007.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_008.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_009.jpg" alt="">
        </div>
        <div class="imgbox">
            <img src="./img/DM_20211208103955_010.jpg" alt="">
        </div>
        <div class="main">
            <h3>官方微信</h3>
        </div>
        <div class="imgbox" style="height: 160px;">
            <img src="./img/DM_20211208103955_011.jpg" width="1226" alt="">
        </div>
        <div class="main">
            <h3>价格说明</h3>
        </div>
        <div class="imgbox" style="height: 189px;">
            <img src="./img/DM_20211208103955_012.png" width="1226" alt="">
        </div>

    </div>































    <div class="footer"></div>
</body>

</html>